
<template>
  <div>
    <Layout :siderFixed="true" :siderCollapsed="siderCollapsed">
      <Sider theme="white" :style="{ boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)' }">
        <Row type="flex" justify="center" style="height:58px;line-height:58px;text-align:center;">
          <span class="blue-color"><i class="h-icon-user" :size="28" />&nbsp;&nbsp;SI RUI</span>
        </Row>
        <PaasMenu></PaasMenu>
      </Sider>
      <Layout :headerFixed="true">
        <PaasHeader></PaasHeader>
        <Content style="margin: 16px">
          <nuxt-child keep-alive />
        </Content>
      </Layout>
    </Layout>
  </div>
</template>

<script>
import PaasMenu from "@/components/PaasMenu";
import PaasHeader from "@/components/PaasHeader";

export default {
  components: {
    PaasMenu,
    PaasHeader,
  },
  computed: {
    siderCollapsed() {
      return this.$store.state.menus.siderCollapsed;
    },
  },

  data() {
    return {};
  },
  methods: {},
};
</script>